// 在css文件中定义字体

body {
  --mbmargtop: 22vh;
}

// @font-face {
//   font-family: 'PingfangSC';
//   src: url('https://cdn.wshare.club/PingfangSC.ttf');
// }
// @font-face {
//   font-family: 'PingfangMSC';
//   src: url('https://cdn.wshare.club/PingfangMSC.ttf');
// }
// @font-face {
//   font-family: 'AlibabaPuHuiTi_2_95_ExtraBold';
//   src: url('https://cdn.wshare.club/AlibabaPuHuiTi-2-95-ExtraBold.ttf7.7M.ttf');
// }
// body {
//   font-family: 'CustomFont';
// }

view {
  font-family: 'PingfangSC';
  font-weight: 400;
}

//首页
.sy_page {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(180deg, #10998d 0%, rgba(7, 167, 157, 0) 80%);
  position: relative;
  overflow: hidden;

  .mainContent {
    margin: 0 34rpx;
    margin-top: 40rpx;
  }

  .cd_main {
    margin-top: 60rpx;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    .it {
      width: 328rpx;
      height: 196rpx;
      position: relative;
      overflow: hidden;
      border-radius: 14rpx;
      margin-bottom: 26rpx;
      background: linear-gradient(180deg, #e3fffc 0%, #e1fefb 0%, #ffffff 100%);

      .muencontent {
        margin-top: 46rpx;
        margin-left: 38rpx;
        display: flex;
        flex-direction: row;
        font-size: 32rpx;
        align-items: center;
        position: relative;
        font-family: 'AlibabaPuHuiTi_2_95_ExtraBold';
        z-index: 1;
        font-weight: bold;

        .ic_indexgp {
          z-index: 1;
          height: 40rpx;
          width: 40rpx;
        }
      }

      .ic_tj {
        position: absolute;
        top: 0;
        right: 0;
        width: 104rpx;
        height: 78rpx;
        z-index: 1;
      }

      .ic_indexmuen {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        z-index: 0;
        // width: 238rpx;
        // height: 115rpx;
      }
    }
  }

  .mfhy_img {
    position: fixed;
    bottom: 42rpx;
    right: 36rpx;
    width: 172rpx;
    height: 152rpx;
  }

  ::v-deep .u-swiper__indicator {
    bottom: -25rpx !important;
  }

  ::v-deep .u-swiper {
    overflow: unset;
  }

  ::v-deep .u-swiper-indicator__wrapper__dot {
    width: 14px !important;
  }

  ::v-deep .u-swiper-indicator__wrapper__dot--active {
    width: 14px !important;
  }
}

// 知情同意
.zqty_page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #93DDC8 0%, #E3F1ED 100%);

  ::v-deep .u-popup__content {
    border-radius: 16rpx !important;
  }

  .fqtsMain {
    position: absolute;
    width: 524rpx;
    height: 422rpx;
    background-image: url('https://psy.mi-forest.com/static/ic_fqts.png');
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 30rpx;
    color: #333;
    left: 114rpx;
    right: 114rpx;
    bottom: 65rpx;
    text-align: center;
    z-index: 11;

    .tstext {
      padding-top: 56rpx;
      margin: 0 auto;
    }
  }

  .fqqsbt {
    position: absolute;
    width: 100%;
    height: 88rpx;
    background: #5cbeb6;
    line-height: 88rpx;
    text-align: center;
    font-weight: 500;
    color: #fff;
    // bottom: 0;
    margin-bottom: 16rpx;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    font-size: 30rpx;
    z-index: 10;
    font-family: 'PingfangMSC';
  }

  .main {
    margin-top: 40rpx;
    background: linear-gradient(180deg, #9EE0CD 0%, #E3F1ED 20%);

    .part1 {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin: 0 34rpx;

      .searchItem {
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: row;
        width: 100%;

        .ssborder {
          background: #fff;
          height: 62rpx;
          border-radius: 44rpx;
          padding: 10rpx;
          display: flex;
          align-items: center;
          flex-direction: row;
          width: 95%;
          margin-right: 2%;

          .srIpt {
            padding-right: 24rpx;
            font-size: 26rpx;
          }

          ::v-deep .u-input {
            margin-right: 34rpx !important;
          }

          .ssico {
            width: 51rpx;
            height: 56rpx;
            margin-right: 8rpx;
            margin-left: 24rpx;
          }
        }

        .sxico {
          width: 56rpx;
          height: 54rpx;
        }

        .dateico {
          width: 64rpx;
          height: 64rpx;
        }
      }
    }

    .topTabMain {
      width: 95%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 20rpx;
      margin-bottom: 20rpx;

      .item {
        font-size: 26rpx;
        color: #999;
        font-weight: 500;
        padding: 13rpx 30rpx;
        font-family: 'PingfangMSC';
      }

      .itemActive {
        color: #fff;
        background: #56bbb3;
        border-radius: 32rpx;
      }

      .itemActive1 {
        color: #333;
        background: #56bbb3;
        border-radius: 34rpx;
      }

      .itemActive2 {
        color: #333;
        background: #45CCA8;
        border-radius: 34rpx;
      }
    }

    .tablist {
      height: 71vh;
      padding: 32rpx;
      margin-bottom: 20rpx;
      background: #f8f8f8;

      // overflow: hidden;
      .item {
        display: flex;
        position: relative;
        padding: 30rpx;
        flex-direction: column;
        margin-bottom: 23rpx;
        border-radius: 20rpx;
        background-image: linear-gradient(180deg, #f5fffe 0%, #ffffff 100%);
        box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(170, 193, 190, 0.15);

        .it_toptag {
          position: absolute;
          top: 0;
          right: 0;
          // border-radius: 20rpx;
          padding: 10rpx 20rpx;
          font-size: 28rpx;
          border-bottom-left-radius: 8px;
          font-family: 'PingfangMSC';
        }

        .it_title {
          font-size: 32rpx;
          color: #333;
          padding-bottom: 12rpx;
          font-weight: 500;
          font-family: 'PingfangMSC';
        }

        .it_time {
          font-size: 24rpx;
          padding-bottom: 26rpx;
          color: #848484;
          font-weight: 400;
        }

        .it_testpepeol {
          display: flex;
          flex-direction: row;
          align-items: center;
          color: #333333;
          font-size: 24rpx;
          padding-bottom: 24rpx;

          .testpepeolico {
            width: 28rpx;
            height: 30rpx;
            margin-right: 10rpx;
          }
        }

        .it_user {
          display: flex;
          align-items: center;
          flex-direction: row;
          font-size: 24rpx;
          color: #333;
          padding-bottom: 14rpx;

          .it_statut {
            border-radius: 16rpx;
            color: #fff;
            margin-right: 12rpx;
            padding: 2rpx 15rpx;
          }

          .it_name {
            margin-right: 12rpx;
          }

          .itred {
            background: #d75555;
          }

          .itorg {
            background: #ea9062;
          }

          .itgreen {
            background: #5cbeb6;
          }

          .itgry {
            background: #b3b3b3;
          }
        }

        .it_bts {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          flex-direction: row;
          padding-top: 30rpx;

          .thebt {
            padding: 8rpx 35rpx;
            font-size: 26rpx;
            color: #333;
            border-radius: 32rpx;
            border: 1px solid rgba(51, 51, 51, 1);
            margin-left: 23rpx;
          }

          .bts2 {
            background: #5cbeb6;
            color: #fff;
            border: 1px solid #5cbeb6;
          }

          .bts3 {
            background: #45CCA8;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 28rpx;
            border: 1px solid #45CCA8;
          }
        }
      }
    }

    .sxMain {
      display: flex;
      flex-direction: column;

      .sxConten {
        margin: 30rpx 40rpx;
        display: flex;
        flex-direction: column;

        .sx_title {
          text-align: center;
          font-size: 30rpx;
          font-weight: 500;
          position: relative;
          width: 100%;
          padding-bottom: 20rpx;

          view {
            font-family: 'PingfangMSC';
            font-size: 32rpx;
          }

          .ic_sxclose {
            position: absolute;
            right: 0;
            top: 0;
            width: 38rpx;
            height: 38rpx;
          }
        }

        .sx_ittitel {
          font-size: 28rpx;
          font-weight: 500;
          color: #333;
          padding-bottom: 16rpx;
          font-family: 'PingfangMSC';
        }

        .sx_date {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 28rpx;

          .itdate {
            width: 304rpx;
            height: 72rpx;
            line-height: 72rpx;
            text-align: center;
            font-size: 28rpx;
            color: #999;
            background: #eaeaea;
            border-radius: 36rpx;
            font-family: 'PingfangMSC';
          }

          .ithx {
            width: 20rpx;
            height: 2rpx;
            background: #a9a9a9;
          }
        }

        .sx_bts {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;
          margin-bottom: 28rpx;

          .sxbt {
            padding: 16rpx 0;
            font-family: 'PingfangMSC';
            text-align: center;
            font-size: 28rpx;
            background: #eaeaea;
            color: #333;
            margin: 0 20rpx 20rpx 0; // 间隙为5px
            border-radius: 36rpx;
            width: calc((100% - 10px) / 3); // 这里的10px = (分布个数3-1)*间隙5px, 可以根据实际的分布个数和间隙区调整
            min-width: calc((100% - 40px) / 3); // 加入这两个后每个item的宽度就生效了
            max-width: calc((100% - 40px) / 3); // 加入这两个后每个item的宽度就生效了

            &:nth-child(3n) {
              // 去除第3n个的margin-right
              margin-right: 0;
            }
          }

          .sxbt_active {
            color: #fff;
            background: #5cbeb6;
          }
        }
      }

      .sx_foot {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);

        .sxfootbt {
          font-size: 32rpx;
          background: #cecece;
          width: 50%;
          padding: 22rpx;
          text-align: center;
          font-family: 'PingfangMSC';
        }

        .sxftactive {
          color: #fff;
          background: #5cbeb6;
        }
      }
    }
  }
}

//我的
.my_page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(180deg, #61bdb6 0%, rgba(7, 167, 157, 0.01) 30%, #f8f8f8 90%);

  .myConten {
    display: flex;
    flex-direction: column;
    padding: 40rpx 34rpx;
    margin-top: 48rpx;

    .mypart1 {
      display: flex;
      flex-direction: row;
      align-items: center;

      .mytx {
        width: 116rpx;
        height: 116rpx;
        border-radius: 58rpx;
        border: 1px solid #fff;
        margin-right: 26rpx;
        overflow: hidden;

        .imgtx {
          width: 116rpx;
          height: 116rpx;
        }
      }

      .myInfo {
        display: flex;
        flex-direction: column;

        .in1 {
          display: flex;
          flex-direction: row;
          align-items: center;
          margin-bottom: 14rpx;

          .muname {
            font-size: 34rpx;
            padding-right: 12rpx;
            font-weight: 500;
            font-family: 'PingfangMSC';
          }

          .hyimg {
            width: 146rpx;
            height: 42rpx;
          }

          .myphone {
            font-size: 28rpx;
            padding-right: 16rpx;
          }

          .mygg {
            font-size: 28rpx;
            color: #48b4ab;
            font-family: 'PingfangMSC';
          }
        }
      }
    }

    .mypart2 {
      background: #ffffff;
      border-radius: 16rpx;
      padding: 40rpx 34rpx;
      margin-top: 60rpx;
      position: relative;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      font-size: 32rpx;
      margin-bottom: 24rpx;

      .t1 {
        display: flex;
        flex-direction: row;
        align-items: center;

        view {
          font-family: 'PingfangMSC';
        }

        .ic_ithy {
          width: 46rpx;
          height: 52rpx;
          margin-right: 10rpx;
        }
      }

      .t2 {
        color: #5cbeb6;
        font-family: 'PingfangMSC';

        .t2_cz {
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 28rpx;
          color: #333;
          justify-content: flex-end;
          margin-top: 8rpx;

        }
      }

      .tvipnum {
        display: flex;
        flex-direction: column;
        justify-content: end;
      }
    }

    .ic_ithybg {
      width: 126rpx;
      height: 112rpx;
      position: absolute;
      right: 0;
      bottom: 0;
    }

    .mypart3 {
      background: #ffffff;
      border-radius: 16rpx;
      padding: 30rpx 34rpx;
      font-size: 32rpx;
      display: flex;
      flex-direction: column;
      color: #333;

      .t1 {
        font-size: 32rpx;
        padding-bottom: 30rpx;
        font-weight: 500;
        font-family: 'PingfangMSC';
      }

      .item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-weight: 400;
        font-size: 28rpx;
        padding: 24rpx 0;

        .t1 {
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 28rpx;

          .ic_cz {
            width: 40rpx;
            height: 32rpx;
            margin-right: 14rpx;
          }
        }

        .t2 {
          font-size: 28rpx;
          color: #56bbb3;
          font-family: 'PingfangMSC';
        }

        .ic_back {
          width: 28rpx;
          height: 28rpx;
          transform: rotate(175deg);
        }
      }
    }
  }
}

// 选择协议模版
.xzxymb_page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #93DDC8 0%, #E3F1ED 20%);
  ;

  .main {
    margin-top: 36rpx;

    .part1 {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin: 0 34rpx;
      padding-bottom: 24rpx;

      .searchItem {
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: row;
        width: 100%;

        .ssborder {
          background: #fff;
          height: 62rpx;
          border-radius: 44rpx;
          padding: 10rpx;
          display: flex;
          align-items: center;
          flex-direction: row;
          width: 100%;

          .srIpt {
            padding-right: 24rpx;
            font-size: 26rpx;
          }

          ::v-deep .u-input {
            margin-right: 34rpx !important;
          }

          .ssico {
            width: 51rpx;
            height: 56rpx;
            margin-right: 8rpx;
            margin-left: 24rpx;
          }
        }
      }
    }

    .mblist {
      width: 100%;
      height: 78vh;
      display: flex;
      flex-direction: row;
      background: #f8f8f8;

      .tabs {
        display: flex;
        flex-direction: column;
        height: inherit;
        width: 192rpx;
        position: relative;
        overflow: hidden;
        background: linear-gradient(180deg, #f8ffff 0%, #ffffff 100%);

        .ittab {
          width: 100%;
          height: 96rpx;
          text-align: center;
          line-height: 96rpx;
          font-size: 28rpx;
          color: #333;
        }

        .ittabActive {
          color: #fff;
          background: #5cbeb6;
          font-family: 'PingfangMSC';
        }

        .ittabActive2 {
          color: #333;
          background: #45CCA8;
          font-family: 'PingfangMSC';
        }
      }

      .tablist {
        width: calc(100% - 192rpx);
        margin: 32rpx 28rpx;
        height: 71vh;
        position: relative;
        overflow: hidden;

        ::v-deep .mescroll-uni {
          height: 71vh;
          top: var(--mbmargtop) !important;
          bottom: 80rpx !important;
          width: calc(100% - 250rpx);
          left: 216rpx;
        }

        .item {
          padding-top: 32rpx;
          padding-right: 30rpx;
          padding-bottom: 24rpx;
          padding-left: 30rpx;
          background: #fff;
          border-radius: 16rpx;
          display: flex;
          flex-direction: column;
          margin-bottom: 24rpx;
          box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(170, 193, 190, 0.15);

          .t1 {
            font-weight: bold;
            font-size: 28rpx;
            padding-bottom: 15rpx;
            font-family: 'PingfangMSC';
          }

          .t2 {
            font-size: 24rpx;
            color: #999;
            padding-bottom: 12rpx;
          }

          .bt {
            padding: 16rpx 38rpx;
            background: #5cbeb6;
            color: #fff;
            font-size: 22rpx;
            border-radius: 32rpx;
            margin: 0 auto;
            margin-top: 15rpx;
          }

          .bt {
            color: #333;
          }
        }
      }
    }

    .fqqsbt {
      position: absolute;
      background: #5cbeb6;
      text-align: center;
      font-weight: bold;
      color: #fff;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom);
      font-size: 30rpx;
      padding-top: 15rpx;
      padding-bottom: 20rpx;
      width: 100%;
      z-index: 10;

      .ic_shou {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }
}

// 充值退款记录
.cztk_page {
  width: 100%;
  height: 100vh;
  background: #f8f8f8;
  position: relative;
  // overflow: hidden;
  margin-top: 145rpx;

  .fixTop {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 0;
  }

  .cztkMain {
    width: 100%;
    // height: 89vh;
    display: flex;
    flex-direction: column;
    // overflow-y: auto;
    padding-bottom: 20rpx;

    .item {
      margin: 34rpx;
      padding: 0 34rpx;
      padding-top: 22rpx;
      padding-bottom: 44rpx;
      display: flex;
      flex-direction: column;
      border-radius: 16rpx;
      position: relative;
      margin-bottom: 24rpx;
      background: linear-gradient(180deg, #f5fffe 0%, #ffffff 100%);

      .it_date {
        font-weight: 500;
        color: #848484;
        font-size: 24rpx;
        padding-bottom: 30rpx;
        font-family: 'PingfangMSC';
      }

      .it_info {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 500;
        color: #333333;
        font-size: 28rpx;

        .itcontent {
          display: flex;
          flex-direction: column;
        }
      }

      .ic_ycz {
        width: 112rpx;
        height: 56rpx;
        position: absolute;
        right: 0;
        top: 0;
      }

      .ic_ycztag {
        width: 76rpx;
        height: 76rpx;
        margin-right: 12rpx;
      }
    }
  }
}

// 协议详情
.xyxq_page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: #fff;

  .main {
    margin-top: 36rpx;
    padding: 0;
    margin-bottom: 28rpx;
    padding-top: 0;
    height: 79vh;
    background: #fff;
    overflow-y: auto;
  }

  .fqqsbt {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 88rpx;
    line-height: 88rpx;
    font-weight: 500;
    margin-bottom: 16rpx;
    // bottom: 0;
    margin-bottom: 16rpx;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    font-size: 32rpx;
    z-index: 10;

    .bt1 {
      width: 226rpx;
      background: #e8e8e8;
      text-align: center;
      color: #333;
      height: 88rpx;
      line-height: 88rpx;
      font-family: 'PingfangMSC';
    }

    .bt2 {
      width: 516rpx;
      height: 88rpx;
      line-height: 88rpx;
      background: #5cbeb6;
      text-align: center;
      color: #fff;
      font-family: 'PingfangMSC';
    }
  }
}

// 协议签署
.xyqs_page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: #fff;

  .main {
    margin-top: 36rpx;
    padding: 28rpx 42rpx;
    padding-top: 0;
    height: 79vh;
    background: #fff;

  }

  .fqqsbt {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 88rpx;
    line-height: 88rpx;
    font-weight: 500;
    // bottom: 0;
    margin-bottom: 16rpx;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    font-size: 32rpx;
    z-index: 10;

    .bt1 {
      width: 226rpx;
      background: #e8e8e8;
      text-align: center;
      color: #333;
      height: 88rpx;
      line-height: 88rpx;
    }

    .bt2 {
      width: 516rpx;
      height: 88rpx;
      line-height: 88rpx;
      background: #5cbeb6;
      text-align: center;
      color: #fff;
    }
  }
}

// 知情同意详情
.zxtyxq_page {
  position: relative;
  background: linear-gradient(180deg, #b1dcd9 0%, #f8f8f8 416rpx);

  .main {
    margin-top: 36rpx;
    height: 74vh;
    padding: 0;
    background: #fff;

    .zxtyxqcontent {
      padding: 0;
      margin-bottom: 45rpx;
      height: inherit;
      overflow-y: auto;
      color: #333;
      font-size: 28rpx;
    }
  }

  .topContent {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 58rpx;
    margin-bottom: 34rpx;
    color: #333;
    font-size: 32rpx;
    align-items: center;
    justify-content: center;

    .titleflex {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    .ic_wcqsimg {
      width: 88rpx;
      height: 78rpx;
      margin-right: 16rpx;
    }

    .t1 {
      margin-right: 95rpx;
      font-family: 'PingfangMSC';
    }

    .ckzs {
      position: absolute;
      right: 0;
      width: 204rpx;
      height: 64rpx;
      line-height: 64rpx;
      background: #5cbeb6;
      box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(124, 137, 131, 0.5);
      border-radius: 200rpx 0rpx 0rpx 200rpx;
      color: #fff;
      font-size: 24rpx;
      text-align: center;
    }
  }

  .main {
    display: flex;
    flex-direction: column;
    margin: 0 34rpx;

    .hxgreen {
      width: 100%;
      height: 8rpx;
      background: #5cbeb6;
      box-shadow: 0rpx 2rpx 8rpx 0rpx #5cbeb6;
    }
  }
}

//填写合同
.txht_page {
  background: #F8F8F8;

  .formConten {
    overflow-y: auto;
    height: 82%;

    .fcpart1 {
      display: flex;
      flex-direction: column;
      margin: 0 24rpx;
      margin-top: 24rpx;

      .thebg {
        background: #fff;
        box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(170, 193, 190, 0.15);
        border-radius: 16rpx;
        padding: 32rpx;
        padding-top: 0;
      }

      .fc_title {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 32rpx;
        font-family: PingfangMSC;

        padding-bottom: 24rpx;

        .su {
          width: 4rpx;
          height: 28rpx;
          margin-right: 10rpx;
          background: #5cbeb6;
          border-radius: 2rpx;
          display: block;
        }
      }

      .fc_input {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 27rpx 0;

        .fctxt {
          font-size: 28rpx;
          // color: #CBCFD6;
          color: #999;
          padding-right: 5rpx;
          display: flex;
          flex-direction: row;
          align-items: center;
        }

        .fclabe {
          font-size: 28rpx;
          color: #666666;
          display: flex;
          flex-direction: row;

          .redtag {
            color: #FF5151;
          }
        }

        ::v-deep input {
          text-align: right !important;
        }
      }

      .fc_input:not(:last-child) {
        border-bottom: 1px solid #EBEBEB;

      }

      .fc_radio {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;

        .fczxjh {
          margin-top: 30rpx;
          width: 100%;

          ::v-deep .u-radio__text {
            color: #333 !important;
            font-size: 28rpx !important;
          }

          ::v-deep .u-radio {
            margin-bottom: 20rpx !important;
          }

          ::v-deep .u-radio:last-child {
            margin-bottom: 0 !important;
          }

          ::v-deep .u-textarea {
            background: #F4F4F4 !important;
          }

          ::v-deep .u-checkbox-group {
            flex-direction: column;
          }

          ::v-deep .u-checkbox {
            margin-bottom: 20rpx;
          }

          ::v-deep .u-checkbox:last-child {
            margin-bottom: 0 !important;
          }
        }
      }
    }

    .fc_input:last-child {
      padding-bottom: 0;
    }

    .fcpart1:last-child {
      margin-bottom: 15%;
    }

    ::v-deep .u-input {
      padding: 0;
    }

    ::v-deep .input-placeholder {
      //通过这个设置
      color: #999 !important;
    }

    ::v-deep .uni-calendar-item--checked,
    ::v-deep .uni-datetime-picker--btn,
    ::v-deep .uni-calendar-item--multiple .uni-calendar-item--before-checked,
    ::v-deep .uni-calendar-item--multiple .uni-calendar-item--after-checked {
      background: #5cbeb6 !important;
    }
  }
}

.tag1 {
  background: #e8f2f7;
  color: #358dfe;
}

.tag2 {
  background: #f8f2e5;
  color: #f9982e;
}

.tag3 {
  background: #edfaf9;
  color: #21c082;
}

.tag4 {
  background: #eef4f3;
  color: #999999;
}

.chModel {
  padding: 34rpx;
  padding-bottom: 48rpx;
  background-image: linear-gradient(180deg, #e9fffd 0%, #ffffff 46%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;

  .ic_chclose {
    position: absolute;
    top: 24rpx;
    right: 18rpx;
    width: 48rpx;
    height: 48rpx;
  }

  .chtitle {
    width: 100%;
    text-align: center;
    font-size: 34rpx;
    font-weight: bold;
  }

  .chtxt {
    font-size: 28rpx;
    padding-bottom: 58rpx;
    padding-top: 26rpx;
  }

  .bts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .bt1 {
      font-size: 28rpx;
      width: 210rpx;
      height: 68rpx;
      border-radius: 34rpx;
      line-height: 68rpx;
      text-align: center;
      background: transparent;
      border: 2rpx solid #bcbcbc;
    }

    .bt2 {
      font-size: 28rpx;
      width: 210rpx;
      height: 68rpx;
      border-radius: 34rpx;
      line-height: 68rpx;
      text-align: center;
      background: transparent;
      background: #5cbeb6;
      color: #fff;
      border: 2rpx solid #5cbeb6;
    }
  }
}

.phoneBts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 30rpx;

  .bt {
    width: 48%;
    height: 80rpx;
    line-height: 80rpx;
    border: none;
    font-size: 30rpx;
    background: #fff;
    border-radius: 8rpx;
  }

  .bt1 {
    color: #999;
  }

  .bt2 {
    border: 2rpx solid #5cbeb6;
    color: #5cbeb6;
  }
}

.mianheight {
  height: 80vh !important;
}

.tleft {
  margin-left: 90rpx !important;
}

::v-deep ::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none !important;
  background: transparent !important;
}

.fxbutton {
  padding: 0 35rpx !important;
  margin: 0;
  margin-left: 23rpx;
  height: 56rpx;
  line-height: 56rpx;
}

button::after {
  border: none;
}

.mybutton {
  padding: 0;
  border: none !important;
  margin: 0;
  background: transparent;
  background-color: transparent;
  line-height: initial;
}

.ic_back {
  width: 20rpx;
  height: 26rpx;
  transform: rotate(180deg);
  margin-left: 16rpx;
}

.phonex {
  padding-top: constant(safe-area-inset-top); //为导航栏+状态栏的高度 88px
  padding-top: env(safe-area-inset-top); //为导航栏+状态栏的高度 88px
  padding-left: constant(safe-area-inset-left); //如果未竖屏时为0
  padding-left: env(safe-area-inset-left); //如果未竖屏时为0
  padding-right: constant(safe-area-inset-right); //如果未竖屏时为0
  padding-right: env(safe-area-inset-right); //如果未竖屏时为0
  padding-bottom: constant(safe-area-inset-bottom); //为底下圆弧的高度 34px
  padding-bottom: env(safe-area-inset-bottom); //为底下圆弧的高度 34px
}

.ic_back1 {
  transform: rotate(0deg) !important;
}

.ic_myedit {
  width: 48rpx;
  height: 48rpx;
}

.ic_kthy {
  width: 148rpx;
  height: 40rpx;
  margin-left: 8rpx;
}

.ic_back6 {
  width: 30rpx;
  height: 30rpx;
  margin-left: 5rpx;
}

.my_page,
.zqty_page,
.xyxq_page {
  ::v-deep .u-popup__content {
    width: 518rpx !important;
    border-radius: 16rpx !important;

    .chtxt {
      padding-top: 58rpx !important;
      text-align: center;
      font-size: 28rpx;
      font-family: PingFangSC;
      font-weight: 400;
      color: #333333;
    }

    .lxkfbt {
      margin: 0;
      padding: 0;
      height: 68rpx;
      line-height: 68rpx;
      text-align: center;
      background: #5CBEB6;
      border-radius: 34rpx;
      width: 444rpx;
      font-size: 28rpx;
      font-family: PingFangSC;
      font-weight: 400;
      color: #FFFFFF;
    }
  }
}

// 底部弹框
.xyxq_page {

  .sxMain {
    display: flex;
    flex-direction: column;

    .sxConten {
      margin: 30rpx 36rpx;
      display: flex;
      flex-direction: column;

      .sx_title {
        text-align: center;
        font-size: 30rpx;
        font-weight: 500;
        position: relative;
        width: 100%;
        padding-bottom: 20rpx;

        view {
          font-family: 'PingfangMSC';
          font-size: 32rpx;
        }

        .ic_sxclose {
          position: absolute;
          right: 0;
          top: 0;
          width: 38rpx;
          height: 38rpx;
        }
      }

      .sxContent {
        display: flex;
        flex-direction: column;
        margin-top: 28rpx;
        margin-bottom: 10rpx;
        height: 800rpx;
        overflow-y: auto;
        position: relative;

        .txt {
          font-size: 28rpx;
          color: #666;
          line-height: 56rpx;
        }

        .txt1 {
          padding: 20rpx 0;
        }

        .txtp {
          margin-bottom: 20rpx;
        }
      }
    }

    .sx_foot {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: constant(safe-area-inset-bottom);
      margin-bottom: env(safe-area-inset-bottom);
      width: 750rpx;
      height: 128rpx;
      background: #FFFFFF;
      box-shadow: 0rpx -4rpx 5rpx 0rpx rgba(0, 0, 0, 0.15);

      .sxfootbt {
        background: #cecece;
        width: 100%;
        margin: 24rpx 32rpx;
        padding: 22rpx;
        font-size: 28rpx;
        text-align: center;
        font-family: 'PingfangMSC';
        border-radius: 16rpx;
      }

      .sxftactive {
        color: #fff;
        background: #5cbeb6;
      }
    }
  }
}

button {
  padding: 0;
  margin: 0;
  border-radius: 0
}

.tkxq {
  ::v-deep .u-popup__content {
    width: auto !important;
  }
}

::v-deep .uni-tabbar label {
  font-size: 20upx !important;
}

// 原有的弹框宽度
.ylmodel {
  ::v-deep .u-popup__content {
    width: auto !important;
  }
}

.ydPage {
  background: transparent;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  z-index: 11;

  .syydtk {
    position: absolute;
    right: 4%;
    top: 12%;
    display: flex;
    flex-direction: column;
    width: 380rpx;
    height: 304rpx;
    background-image: url('https://psy.mi-forest.com/static/ic_ydbg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    align-items: center;
    font-size: 24rpx;

    .ydtxt {
      color: #fff;
      margin: 0 20rpx;
      margin-top: 35rpx;
    }

    .ic_treepoint {
      width: 40rpx;
      height: 16rpx;
    }

    .ic_addzmts {
      width: 340rpx;
      height: 94rpx;
      margin-top: 14rpx;
      margin-bottom: 24rpx;
    }

    .ydzdl_bt {
      width: 128rpx;
      height: 48rpx;
      line-height: 48rpx;
      color: #fff;
      text-align: center;
      border-radius: 24rpx;
      border: 2rpx solid #FFFFFF;
    }
  }

  .syydtkbg2 {
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: constant(safe-area-inset-bottom);
    top: auto;
    background-image: url('https://psy.mi-forest.com/static/ic_ydbg2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 230rpx;
    width: 440rpx;
    z-index: 11;

    .ic_ydbg2close {
      width: 70rpx;
      height: 70rpx;
      position: absolute;
      top: -36rpx;
      right: -36rpx;
    }

    .ydmbtxt {
      font-size: 32rpx;
      color: #fff;
      margin: 44rpx;
      line-height: 48rpx;
    }
  }
}

/*在线测评，底部按钮*/
.zxce_bottombts {
  position: absolute;
  height: 88rpx;
  font-weight: 500;
  bottom: env(safe-area-inset-bottom);
  bottom: constant(safe-area-inset-bottom);
  z-index: 10;
  font-family: 'PingfangMSC';
  display: flex;
  flex-direction: row;
  align-items: center;
  left: 32rpx;
  right: 32rpx;
  margin-bottom: 16rpx;
  justify-content: space-between;

  .zxcpbt {
    width: 48%;
    height: 88rpx;
    line-height: 88rpx;
    text-align: center;
    font-size: 28rpx;
    color: #333333;
    border-radius: 40rpx;
    background: #f8f8f8;
    border: 2rpx solid #333333;
  }

  .zxcpbt2 {
    width: 48%;
    height: 88rpx;
    line-height: 88rpx;
    text-align: center;
    font-size: 28rpx;
    color: #333333;
    border-radius: 40rpx;
    background: #5cbeb6;
    border: 2rpx solid #5cbeb6;
  }

  .zxcpbt3 {
    width: 100%;
    padding: 22rpx 0;
    font-size: 32rpx;
    color: #333333;
    text-align: center;
    background: #5cbeb6;
    border: 2rpx solid #5cbeb6;
  }

  .zxcpbt4 {
    width: 100%;
    padding: 26rpx 0;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
	font-weight: bold;
    font-size: 28rpx;
    color: #333333;
    text-align: center;
    background: #45CCA8;
    border: 2rpx solid #45CCA8;
  }
}

/*选择测评量表*/
.xzcplb_bts {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  padding-top: 28rpx;

  .xzcplbbt {
    padding: 8rpx 36rpx;
    font-size: 28rpx;
    color: #333;
    border-radius: 32rpx;
    margin-left: 24rpx;
  }

  .btcolor1 {
    background: #fff;
    border: 2rpx solid #333333;
  }

  .btcolor2 {
    background: #5CBEB6;
    border: 2rpx solid #5CBEB6;
  }
  
  .btcolor3 {
    background: #45CCA8;
    border: 2rpx solid #45CCA8;
  }
}

/*贝克抑郁量表*/
.bkd_main {
  margin: 32rpx;
  height: 76vh;
  display: flex;
  flex-direction: column;
  background: transparent !important;

  .bkdcontentpar1 {
    padding: 32rpx;
    background: #fff;
    border-radius: 32rpx;
    margin-bottom: 24rpx;
    box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(137, 166, 160, 0.08);

    .bkdtitle {
      font-family: YouSheBiaoTiHei;
      font-size: 52rpx;
      color: #333333;
      padding-bottom: 32rpx;
      margin-bottom: 32rpx;
      border-bottom: 2rpx solid #eaeaea;
    }

    .bkd_info {
      display: flex;
      flex-direction: column;
      padding-bottom: 24rpx;

      .thlale {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32rpx;
        color: #333333;
        line-height: 44rpx;
      }

      .thtxt {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26rpx;
        color: #666666;
        line-height: 44rpx;
        padding-top: 12rpx;
      }
    }
  }

  .bkdcontentpar2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24rpx;

    .it {
      width: 48.3%;
      height: 156rpx;
      display: flex;
      flex-direction: column;
      background-size: 100% 100%;
      background-repeat: no-repeat;

      .txt1 {
        margin-top: 32rpx;
        margin-left: 32rpx;
        font-size: 36rpx;
        color: #333;
        font-weight: 600;
        margin-bottom: 12rpx;
      }

      .txt2 {
        margin-left: 32rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 26rpx;
        color: #666666;
      }
    }

    .bkyyb_cpnr {
      background-image: url('https://psy.mi-forest.com/static/ic_bkyybbg1.png');
    }

    .bkyyb_yjys {
      background-image: url('https://psy.mi-forest.com/static/ic_bkyybbg2.png');
    }
  }

  .bkdcontentpar3 {
    padding: 32rpx;
    background: #fff;
    border-radius: 32rpx;
    margin-bottom: 24rpx;

    .p2content {
      display: flex;
      flex-direction: column;
      font-size: 28rpx;
      color: #434343;

      .st {
        display: flex;
        flex-direction: row;

        .bl {
          font-weight: bold;
        }
      }
    }
  }
}

/*贝克抑郁量表选择题目*/
.bkyySelect {
  padding: 42rpx;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: 82%;

  /*题目*/
  .topicIt {
    background: rgba(223, 239, 235, 0.5);
    box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(137, 166, 160, 0.22);
    border-radius: 32rpx;
    border: 2rpx solid #FFF;
    margin-bottom: 32rpx;

    .topicItmian {
      margin: 8rpx;
      padding: 32rpx;
      display: flex;
      flex-direction: column;
      background: #fff;
      box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(137, 166, 160, 0.22);
      border-radius: 32rpx;
      border: 2rpx solid #FFFFFF;

      .topicTitel {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 32rpx;
        color: #000000;
        line-height: 44rpx;
        padding-bottom: 32rpx;
      }

      .itoption {
        background: #ECF4F2;
        border-radius: 18rpx;
        padding: 20rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        color: #000000;
        margin-bottom: 24rpx;
      }

      .itoption2 {
        display: flex;
        flex-direction: column;
        margin-bottom: 28rpx;

        .optionlabel {
          color: #666666;
          font-size: 28rpx;
          padding-bottom: 8rpx;
        }

        .optonSild {
          display: flex;
          flex-direction: row;

          .choseNum {
            width: 104rpx;
            height: 44rpx;
            line-height: 44rpx;
            background: #E8E8E8;
            border-radius: 12rpx;
            font-size: 24rpx;
            color: #333;
            text-align: center;
            margin-right: 22rpx;
          }

          .sild {
            width: 74%;
          }
        }
      }

      .itoption2:last-child,
      .itoption:last-child {
        margin-bottom: 0;
      }

      .itoption_active {
        background: #5CBEB6;
        color: #fff;
      }

      .itoption_active2 {
        background: #45CCA8;
        color: #000000;
      }
    }
  }
}

/*选择测评量表*/
.chosecplb {
  display: flex;
  flex-direction: column;
  margin: 32rpx;
  width: 100%;

  .choseoption {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    .cplbit {
      text-align: center;
      width: 194rpx;
      height: 56rpx;
      line-height: 56rpx;
      border-radius: 12rpx;
      border: 2rpx solid #979797;
      font-size: 28rpx;
      color: #666;
    }

    .cplbit2 {
      flex: 1;
    }


    .cplbitActive {
      color: #333;
      background: #5cbeb6;
      font-family: 'PingfangMSC';
      border: 2rpx solid #5cbeb6;
    }

    .cplbitActive2 {
      color: #333;
      background: #45CCA8;
      font-family: 'PingfangMSC';
      border: 2rpx solid #45CCA8;
    }
  }
}

.fqqsbtxzcplb {
  font-size: 32rpx;
  width: calc(100% - 192rpx) !important;
  right: 0;
}

/*查看结果*/
.ckresult {
  .ckjgTitel {
    font-size: 36rpx;
    padding-bottom: 12rpx;
    color: #333;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-weight: bold;
  }

  .ckjgTitel2 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-weight: bold;
    font-size: 32rpx;
    color: #333333;
    padding-bottom: 20rpx;
  }

  .ckjgTitel3 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-weight: bold;
    font-size: 28rpx;
    color: #333333;
    padding-bottom: 24rpx;
  }

  .ckjgstr1 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    color: #666666;
    padding-bottom: 8rpx;

    .txt {
      color: #333;
    }
  }

  .ckjgTotal {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-weight: bold;
    font-size: 40rpx;
    color: #F17F20;
    padding-bottom: 28rpx;
  }

  .ckjgJG {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-weight: bold;
    line-height: 50rpx;
    font-size: 36rpx;
    color: #333333;
    padding-bottom: 46rpx;
  }

  .ckjgthtxt {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
    color: #666666;
    line-height: 50rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .ckjgline {
    width: 100%;
    height: 2rpx;
    background: #EAEAEA;
    margin: 32rpx 0;
  }

  .ckjgpoint {
    width: 8rpx;
    height: 8rpx;
    background: #666666;
    border-radius: 50%;
    margin-right: 22rpx;
  }
}

.chosecplb2 {
  margin: 0;

  .choseoption {
    width: 80%;
    justify-content: start;
  }
}

/*查看结果--二维码*/
.ckresultewm {
  background: linear-gradient(180deg, #45CCA8 0%, #AFE4D5 100%);

  .bkd_main {
    .bkdcontentpar1 {
      border-bottom-left-radius: 0rpx;
      border-bottom-right-radius: 0rpx;
      background: linear-gradient(180deg, #AAEED3 0%, #C5EFE3 100%);
      margin-top: 28rpx;
      margin-bottom: 0rpx;
    }

    .emmbkdcontentpar {
      background: #FFF;
      padding: 0 23rpx;
      padding-top: 108rpx;
      padding-bottom: 32rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-bottom-left-radius: 32rpx;
      border-bottom-right-radius: 32rpx;

      .t1 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 32rpx;
        color: #333333;
        padding-bottom: 18rpx;
      }

      .t2 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 32rpx;
        color: #333333;
        padding-bottom: 46rpx;
      }

      .ewmcontent {
        width: 538rpx;
        height: 536rpx;
        margin-bottom: 136rpx;
		position: relative;
		overflow: hidden;
		background-image: url('https://psy.mi-forest.com/static/ic_ewbg.png');
		background-size: 100%;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
		.ic_ewimg{
			width: 100%;
		}
      }

      .wemcbt {
        padding: 24rpx 69rpx;
        background: #45CCA8;
        border-radius: 16rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 28rpx;
      }
    }
  }
}

.lookrs_jgsm {
  display: flex;
  flex-direction: column;
  padding-top: 8rpx;

  .jgsmitem {
    display: flex;
    flex-direction: column;
    font-family: PingFangSC, PingFang SC;
	margin-bottom: 16rpx;
	

    .it {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-bottom: 14rpx;

      .t1 {
        font-weight: 500;
        font-size: 30rpx;
        color: #333333;
        font-weight: bold;
        padding-right: 10rpx;
      }

      .t2 {
        font-size: 28rpx;
        color: #666;
        font-weight: bold;
        padding-right: 10rpx;
      }

      .t3 {
        font-size: 28rpx;
        color: #999;
      }
    }
  }
}
.ckjg_litemTetil{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	.ic_qwxlittitle{
		width: 196rpx;
		height: 60rpx;
		display: block;
		margin-bottom: 14rpx;
	}
}
.itemckjg{
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 18rpx;
	margin-bottom: 16rpx;
	.ckjgTitel2{
		padding-bottom: 14rpx;
	}
	.it_cpjg{
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		line-height: 48rpx;
		
		.t1color{
			color: #666;
		}
		.t2color{
			color: #B72E2E;
		}
		.t3color{
			color: #999;
		}
		.t4color{
			color: #E67D2F;
		}
		.t5color{
			color: #E6462F;
		}
		.t6color{
			color: #4AC996;
		}
	}
}
//<!-- 因子评估 说明-->
.yzpgsmStr{
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	line-height: 50rpx;
	text-indent: 2em;
	color: #999999;
	padding-bottom: 8rpx;
}